/* page-investori.css */

.pattern-bg {
  background-image:
    radial-gradient(circle at 25% 25%, rgba(34, 197, 94, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 75% 75%, rgba(34, 197, 94, 0.03) 0%, transparent 50%);
}

.heroinv {
	
	background:
    radial-gradient(rgba(15 23 42/1), rgba(15 23 42/0.55)),
    url("/assets/img/investor.webp") center/cover;
}

.card-hover {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-hover:hover {
  transform: translateY(-4px);
}

.scroll-fade {
  animation: fadeInUp 0.6s ease-out forwards;
  opacity: 0;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* (Z původního kódu – pokud budeš chtít později použít srovnávací boxy) */
.comparison-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 16px;
}
.comparison-item {
  background: rgba(30, 58, 138, 0.2);
  border: 1px solid rgba(34, 197, 94, 0.2);
  padding: 16px;
  border-radius: 12px;
  font-size: 14px;
}
.comparison-item.is {
  border-color: rgba(34, 197, 94, 0.4);
  background: rgba(34, 197, 94, 0.05);
}
.comparison-item.isnot {
  border-color: rgba(100, 116, 139, 0.4);
  background: rgba(100, 116, 139, 0.05);
}
@media (max-width: 640px) {
  .comparison-grid { grid-template-columns: 1fr; }
}